<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <style media="screen">
    ::-webkit-scrollbar {
        width: 0;
        height: 0;
    }
    </style>
    <script>
    var html = document.getElementsByTagName('html')[0];
    html.style.fontSize = html.clientWidth / 6.4 + "px";
    addEventListener("resize", function() {
        html.style.fontSize = html.clientWidth / 6.4 + "px";
    }, false)
    </script>
   
    <link rel="stylesheet" href="css/Reset.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" type="text/css" href="font/iconfont.css" />
</head>

<body>
    <div id="wrapper">
        <!-- 头 王正开始 -->
        <header>
            <figure>
                <img src="images/wz_status.jpg" alt="">
            </figure>
            <div class="header">
                <figure class="slideBtn" id="wz_slideBtn">
                    <img src="images/wz_slideBtn.jpg" alt="">
                </figure>
                <div class="hotFocus" id="hotFocus">
                    <div class="hot selected" id="wz_hot">热点</div>
                    <div class="focus" id="wz_focus">关注</div>
                    <div class="visa" id="visa_find" style="display: none">发现</div>
                    <div class="visa" id="visa_mine" style="display: none">个人中心</div>
                </div>
                <div class="mask" id="wz_mask"></div>
                <div class="slide" id="wz_slide">
                    <div class="icon" id="slide_icon">
                        <img src="images/wz_slideIcon.jpg" alt="" id="slide_icon_img">
                    </div>
                    <div class="user" id="wz_user">请您登陆</div>
                    <div class="sign">这个家伙很懒，什么也没留下。。。</div>
                    <div class="slideLi" id="li1">足球现场</div>
                    <div class="slideLi" id="li2">足球生活</div>
                    <div class="slideLi" id="li3">足球美女</div>
                </div>
            </div>
        </header>
        <div class="tab">
            <ul class="tag">
                <li class="active" id="Slocale">足球现场</li>
                <li id="Slive">足球生活</li>
                <li id="beauty">足球美女</li>
            </ul>
        </div>
        <!-- 头 王正 结束-->
        <section class="container" id="container">
            <!--  首页开始   -->
            <div class="home" id="home">
                <!--  赵孟伟  热点    -->
                <div class="hot" id="zmw_hot">
                    <div class="content">
                        <ul class="con_ul1">
                            <li class="fl">
                                <div class="videobox" onclick="playPause()">
                                    <video width="100%" height="100%" loop="loop" id="vd"></video>
                                    <div class="vdbtn iconfont" id="vdbtn">&#xe607;</div>
                                </div>
                                <p>
                                    西北铁道3:0万业足球队
                                </p>
                            </li>
                            <li class="fr">
                                <div class="videobox" onclick="playPause1()">
                                    <video width="100%" height="100%" loop="loop" id="vdd"></video>
                                    <div class="vdbtn iconfont" id="vdbtn1">&#xe607;</div>
                                </div>
                                <p>
                                    <a href="">西北铁道3:0万业足球队 </a>
                                </p>
                            </li>
                            <li class="fl">
                                <div class="videobox" onclick="playPause2()">
                                    <video width="100%" height="100%" loop="loop" id="vddd"></video>
                                    <div class="vdbtn iconfont" id="vdbtn2">&#xe607;</div>
                                </div>
                                <p>
                                    <a href="">西北铁道3:0万业足球队 !</a>
                                </p>
                            </li>
                            <li class="fr">
                                <div class="videobox">
                                    <video width="100%" height="100%" loop="loop"></video>
                                    <div class="vdbtn iconfont" id="vdbtn">&#xe607;</div>
                                </div>
                                <p>
                                    <a href="">西北铁道3:0万业足球队 !</a>
                                </p>
                            </li>
                            <li class="fl">
                                <div class="videobox">
                                    <video width="100%" height="100%" loop="loop"></video>
                                    <div class="vdbtn iconfont" id="vdbtn">&#xe607;</div>
                                </div>
                                <p>
                                    <a href="">西北铁道3:0万业足球队 </a>
                                </p>
                            </li>
                            <li class="fr">
                                <div class="videobox">
                                    <video width="100%" height="100%" loop="loop"></video>
                                    <div class="vdbtn iconfont" id="vdbtn">&#xe607;</div>
                                </div>
                                <p>
                                    <a href="">西北铁道3:0万业足球队 </a>
                                </p>
                            </li>
                            <li class="fl">
                                <div class="videobox">
                                    <video width="100%" height="100%" loop="loop"></video>
                                    <div class="vdbtn iconfont" id="vdbtn">&#xe607;</div>
                                </div>
                                <p>
                                    <a href="">西北铁道3:0万业足球队 </a>
                                </p>
                            </li>
                        </ul>
                        <ul class="con_ul2" style="display: none;">
                            <li class="fl">
                                <div>
                                    <a href="" class="imgbox hg1">
                                        <img src="images/zmw_5.png" alt="">
                                    </a>
                                </div>
                                <p>
                                    <a href="">徐云龙争顶!</a>
                                </p>
                            </li>
                            <li class="fr">
                                <div>
                                    <a href="" class="imgbox hg2">
                                        <img src="images/zmw_6.png" alt="">
                                    </a>
                                </div>
                                <p>
                                    马季奇向裁判示意对手拉扯武磊进球后腿抽筋
                                </p>
                            </li>
                            <li class="fl">
                                <div>
                                    <a href="" class="imgbox hg1">
                                        <img src="images/zmw_5.png" alt="">
                                    </a>
                                </div>
                                <p>
                                    <a href="">徐云龙争顶!</a>
                                </p>
                            </li>
                            <li class="fr">
                                <div>
                                    <a href="" class="imgbox hg2">
                                        <img src="images/zmw_6.png" alt="">
                                    </a>
                                </div>
                                <p>
                                    <a href="">徐云龙争顶!</a>
                                </p>
                            </li>
                            <li class="fl">
                                <div>
                                    <a href="" class="imgbox hg1">
                                        <img src="images/zmw_5.png" alt="">
                                    </a>
                                </div>
                                <p>
                                    <a href="">马季奇向裁判示意对手拉扯武磊进球后腿抽筋</a>
                                </p>
                            </li>
                            <li class="fr">
                                <div>
                                    <a href="" class="imgbox hg2">
                                        <img src="images/zmw_6.png" alt="">
                                    </a>
                                </div>
                                <p>
                                    <a href="">马季奇向裁判示意对手拉扯武磊进球后腿抽筋</a>
                                </p>
                            </li>
                            <li class="fl">
                                <div>
                                    <a href="" class="imgbox hg1">
                                        <img src="images/zmw_5.png" alt="">
                                    </a>
                                </div>
                                <p>
                                    <a href="">马季奇向裁判示意对手拉扯武磊进球后腿抽筋</a>
                                </p>
                            </li>
                            <li class="fr">
                                <div>
                                    <a href="" class="imgbox hg2">
                                        <img src="images/zmw_6.png" alt="">
                                    </a>
                                </div>
                                <p>
                                    <a href="">马季奇向裁判示意对手拉扯武磊进球后腿抽筋</a>
                                </p>
                            </li>
                        </ul>
                        <ul class="con_ul3" style="display: none;">
                            <li class="fl">
                                <div>
                                    <a href="" class="imgbox">
                                        <img src="images/zmw_7.jpg" alt="">
                                    </a>
                                </div>
                                <p>
                                    <a href="">萌萌哒小丸子萌萌哒</a>
                                </p>
                            </li>
                            <li class="fr">
                                <div>
                                    <a href="" class="imgbox">
                                        <img src="images/zmw_8.jpg" alt="">
                                    </a>
                                </div>
                                <p>
                                    <a href="">足球宝贝^_^</a>
                                </p>
                            </li>
                            <li class="fl">
                                <div>
                                    <a href="" class="imgbox">
                                        <img src="images/zmw_9.jpg" alt="">
                                    </a>
                                </div>
                                <p>
                                    <a href="">足球宝贝^_^!</a>
                                </p>
                            </li>
                            <li class="fr">
                                <div>
                                    <a href="" class="imgbox">
                                        <img src="images/zmw_10.jpg" alt="">
                                    </a>
                                </div>
                                <p>
                                    <a href="">足球宝贝^_^!</a>
                                </p>
                            </li>
                            <li class="fl">
                                <div>
                                    <a href="" class="imgbox">
                                        <img src="images/zmw_7.jpg" alt="">
                                    </a>
                                </div>
                                <p>
                                    <a href="">足球宝贝^_^</a>
                                </p>
                            </li>
                            <li class="fr">
                                <div>
                                    <a href="" class="imgbox">
                                        <img src="images/zmw_8.jpg" alt="">
                                    </a>
                                </div>
                                <p>
                                    <a href="">足球宝贝^_^</a>
                                </p>
                            </li>
                        </ul>
                    </div>
                </div>
                <!--  赵孟伟  热点   -->
                <!--  张慧慧  关注    -->
                <div class="focus clear" id="zhh_focus" style="display: none">
                    <section class="pubContent clear">
                        <div class="conUp">
                            <div class="headPhoto">
                                <a href="#"><img src="images/head.jpeg" /></a>
                            </div>
                            <div class="content">
                                <div class="userMes">
                                    <span class="name">高冷女神</span>
                                    <span><i id="zhh_count">382344</i><i class="iconfont zhh_like">&#xe602;</i></span>
                                </div>
                                <div class="userCon">
                                    我是小萌我怕谁！！哈哈哈！！！
                                </div>
                            </div>
                        </div>
                        <div class="conDown">
                            <img src="images/zhh_pic1.jpg" />
                        </div>
                        <div class="picDes">
                            小丸子啊小丸子！
                        </div>
                    </section>
                    <section class="pubContent clear">
                        <div class="conUp">
                            <div class="headPhoto">
                                <a href="#"><img src="images/head.jpeg" /></a>
                            </div>
                            <div class="content">
                                <div class="userMes">
                                    <span class="name">高冷女神</span>
                                    <span><i id="zhh_count">382344</i><i class="iconfont zhh_like">&#xe602;</i></span>
                                </div>
                                <div class="userCon">
                                    我是小萌我怕谁！！哈哈哈！！！
                                </div>
                            </div>
                        </div>
                        <div class="conDown">
                            <img src="images/zhh_pic1.jpg" />
                        </div>
                        <div class="picDes">
                            小丸子啊小丸子！
                        </div>
                    </section>
                    <section class="pubContent clear">
                        <div class="conUp">
                            <div class="headPhoto">
                                <a href="#"><img src="images/head.jpeg" /></a>
                            </div>
                            <div class="content">
                                <div class="userMes">
                                    <span class="name">高冷女神</span>
                                    <span><i id="zhh_count">382344</i><i class="iconfont zhh_like">&#xe602;</i></span>
                                </div>
                                <div class="userCon">
                                    我是小萌我怕谁！！哈哈哈！！！
                                </div>
                            </div>
                        </div>
                        <div class="conDown">
                            <img src="images/zhh_pic1.jpg" />
                        </div>
                        <div class="picDes">
                            小丸子啊小丸子！
                        </div>
                    </section>
                </div>
                <!--  张慧慧  关注结束 -->
            </div>
            <!--  首页结束   -->
            <!-- 发现  张瀚月 开始-->
            <div class="find" id="find" style="display: none">
                <div class="find-search">
                    <div>
                        <input type="text" name="find-name" id="f-nickname" value="请输入昵称" />
                    </div>
                    <h3><input type="button" id="find-search-btn" value="搜索" /></h3>
                    <table id="find-data" cellpadding='2' cellspacing='0'>
                        <tbody>
                            <tr>
                                <td></td>
                            </tr>
                            <tr>
                                <td></td>
                            </tr>
                            <tr>
                                <td></td>
                            </tr>
                            <tr>
                                <td></td>
                            </tr>
                            <tr>
                                <td></td>
                            </tr>
                            <tr>
                                <td></td>
                            </tr>
                            <tr>
                                <td></td>
                            </tr>
                            <tr>
                                <td></td>
                            </tr>
                            <tr>
                                <td></td>
                            </tr>
                            <tr>
                                <td></td>
                            </tr>
                            <tr>
                                <td>点击选项快速搜索</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="find-follow">
                    <ul>
                        <li>
                            <div class="headPhoto"><img src="images/head.jpeg" /></div>
                            <div class="find-info">
                                <h3>我是小萌<span class="follow">关注</span></h3>
                                <h4>我是小萌我怕谁</h4>
                            </div>
                        </li>
                        <li>
                            <div class="headPhoto"><img src="images/head.jpeg" /></div>
                            <div class="find-info">
                                <h3>我是小萌<span class="follow">关注</span></h3>
                                <h4>我是小萌我怕谁</h4>
                            </div>
                        </li>
                        <li>
                            <div class="headPhoto"><img src="images/head.jpeg" /></div>
                            <div class="find-info">
                                <h3>我是小萌<span class="follow">关注</span></h3>
                                <h4>我是小萌我怕谁</h4>
                            </div>
                        </li>
                        <li>
                            <div class="headPhoto"><img src="images/head.jpeg" /></div>
                            <div class="find-info">
                                <h3>我是小萌<span class="follow">关注</span></h3>
                                <h4>我是小萌我怕谁</h4>
                            </div>
                        </li>
                        <li>
                            <div class="headPhoto"><img src="images/head.jpeg" /></div>
                            <div class="find-info">
                                <h3>我是小萌<span class="follow">关注</span></h3>
                                <h4>我是小萌我怕谁</h4>
                            </div>
                        </li>
                        <li>
                            <div class="headPhoto"><img src="images/head.jpeg" /></div>
                            <div class="find-info">
                                <h3>我是小萌<span class="follow">关注</span></h3>
                                <h4>我是小萌我怕谁</h4>
                            </div>
                        </li>
                        <li>
                            <div class="headPhoto"><img src="images/head.jpeg" /></div>
                            <div class="find-info">
                                <h3>我是小萌<span class="follow">关注</span></h3>
                                <h4>我是小萌我怕谁</h4>
                            </div>
                        </li>
                        <li>
                            <div class="headPhoto"><img src="images/head.jpeg" /></div>
                            <div class="find-info">
                                <h3>我是小萌<span class="follow">关注</span></h3>
                                <h4>我是小萌我怕谁</h4>
                            </div>
                        </li>
                        <li>
                            <div class="headPhoto"><img src="images/head.jpeg" /></div>
                            <div class="find-info">
                                <h3>我是小萌<span class="follow">关注</span></h3>
                                <h4>我是小萌我怕谁</h4>
                            </div>
                        </li>
                        <li>
                            <div class="headPhoto"><img src="images/head.jpeg" /></div>
                            <div class="find-info">
                                <h3>我是小萌<span class="follow">关注</span></h3>
                                <h4>我是小萌我怕谁</h4>
                            </div>
                        </li>
                        <li>
                            <div class="headPhoto"><img src="images/head.jpeg" /></div>
                            <div class="find-info">
                                <h3>我是小萌<span class="follow">关注</span></h3>
                                <h4>我是小萌我怕谁</h4>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 发现  张瀚月 结束-->
            <!-- 我的 开始  -->
            <div class="mine" id="minem" style="display: none">
                <!-- 整体布局 张瀚月 开始-->
                <div id="mine_login" class="mine_login">
                    未登录
                    <br> 请
                    <mark id="mime_login">登录</mark>/
                    <mark id="mine_register">注册</mark>
                </div>
                <div id="mine_main" class="mine_main" style="display: none;">
                    <div class="mine_info">
                        <div class="headPhoto" id="headPhoto"><img id="zhy_icon" src="images/head.jpeg" /></div>
                        <div class="find-info">
                            <h3 id="zhy_user">我是小萌</h3>
                            <h4>我是小萌我怕谁 哈哈哈哈</h4>
                        </div>
                    </div>
                    <ul class="mine_btns">
                        <li class="chosen">照片（<span>1</span>）</li>
                        <li>关注（<span>8</span>）</li>
                        <li>粉丝（<span>3</span>）</li>
                    </ul>
                    <ul class="mine_ctns">
                        <li class="first-li">
                            <img src="images/zmw_4.png" />
                            <img src="images/zmw_4.png" />
                            <img src="images/zmw_4.png" />
                            <img src="images/zmw_4.png" />
                            <img src="images/zmw_4.png" />
                        </li>
                        <li>
                            <ul>
                                <li>
                                    <div class="headPhoto"><img src="images/head.jpeg" /></div>
                                    <div class="find-info">
                                        <h3>我是小萌</h3>
                                        <h4>我是小萌我怕谁</h4>
                                    </div>
                                </li>
                                <li>
                                    <div class="headPhoto"><img src="images/head.jpeg" /></div>
                                    <div class="find-info">
                                        <h3>我是小萌</h3>
                                        <h4>我是小萌我怕谁</h4>
                                    </div>
                                </li>
                                <li>
                                    <div class="headPhoto"><img src="images/head.jpeg" /></div>
                                    <div class="find-info">
                                        <h3>我是小萌</h3>
                                        <h4>我是小萌我怕谁</h4>
                                    </div>
                                </li>
                                <li>
                                    <div class="headPhoto"><img src="images/head.jpeg" /></div>
                                    <div class="find-info">
                                        <h3>我是小萌</h3>
                                        <h4>我是小萌我怕谁</h4>
                                    </div>
                                </li>
                                <li>
                                    <div class="headPhoto"><img src="images/head.jpeg" /></div>
                                    <div class="find-info">
                                        <h3>我是小萌</h3>
                                        <h4>我是小萌我怕谁</h4>
                                    </div>
                                </li>
                                <li>
                                    <div class="headPhoto"><img src="images/head.jpeg" /></div>
                                    <div class="find-info">
                                        <h3>我是小萌</h3>
                                        <h4>我是小萌我怕谁</h4>
                                    </div>
                                </li>
                                <li>
                                    <div class="headPhoto"><img src="images/head.jpeg" /></div>
                                    <div class="find-info">
                                        <h3>我是小萌</h3>
                                        <h4>我是小萌我怕谁</h4>
                                    </div>
                                </li>
                                <li>
                                    <div class="headPhoto"><img src="images/head.jpeg" /></div>
                                    <div class="find-info">
                                        <h3>我是小萌</h3>
                                        <h4>我是小萌我怕谁</h4>
                                    </div>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <ul>
                                <li>
                                    <div class="headPhoto"><img src="images/head.jpeg" /></div>
                                    <div class="find-info">
                                        <h3>我是小萌</h3>
                                        <h4>我是小萌我怕谁</h4>
                                    </div>
                                </li>
                                <li>
                                    <div class="headPhoto"><img src="images/head.jpeg" /></div>
                                    <div class="find-info">
                                        <h3>我是小萌</h3>
                                        <h4>我是小萌我怕谁</h4>
                                    </div>
                                </li>
                                <li>
                                    <div class="headPhoto"><img src="images/head.jpeg" /></div>
                                    <div class="find-info">
                                        <h3>我是小萌</h3>
                                        <h4>我是小萌我怕谁</h4>
                                    </div>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <!-- 整体布局 张瀚月 结束-->
                <!-- 头像点击后的canvas  张慧慧 开始-->
                <div class="headSetting clear" style="display: none;" id="headSetting">
                    <div class="picA">
                        <img src="images/picture.jpg" alt="" id="imgP">
                        <div id="imgCrop">
                        </div>
                    </div>
                    <div id="zhh_select">
                        <span id="zhh_confirm">
                                确定裁剪
                            </span>
                        <span id="zhh_reset">
                                放弃重来
                            </span>
                    </div>
                    <div id="zhh_ok">
                        <div id="imgShow">
                        </div>
                        <div id="zhh_submit">
                            <span>提交</span>
                        </div>
                    </div>
                </div>
                <!-- 头像点击后的canvas  张慧慧 结束-->
            </div>
            <!-- 我的  结束 -->
        </section>
        <!-- 尾 王正 开始 -->
        <footer class="footer">
            <ul class="tabSelect" id="tabSelect">
                <li id="sy"><span class="iconfont selected">&#xe600;</span><span class="selected">首页</span></li>
                <li id="fx"><span class="iconfont">&#xe605;</span><span>发现</span></li>
                <li id="tc"><span class="iconfont">&#xe604;</span><span>退出</span></li>
                <li id="wd"><span class="iconfont">&#xe603;</span><span>我的</span></li>
            </ul>
            <div id="camera" class="iconfont">
                &#xe601;
            </div>
        </footer>
        <!-- 尾 王正 结束 -->
        <!-- 注册登陆  邹文欣 -->
        <div class="lr_mask" style="display: none;" id="lr_mask">
            <div class="register" id="register" style="display:none">
                <div class="register_select">
                    <span class="register_cancel" id="register_cancel">取消</span>
                    <span class="register_sure" id="register_sure">确定</span>
                </div>
                <div class="register_info">
                    <div class="register_phone">手机号
                        <input type="text" id="register_phone" />
                    </div>
                    <div class="register_paw">密码
                        <input type="password" id="register_paw" />
                    </div>
                    <div class="register_name">昵称
                        <input type="text" id="register_name" />
                    </div>
                </div>
            </div>
            <div class="login" id="login" style="display:none">
                <div class="login_tit">登录<span class="login_close">&times;</span></div>
                <div class="login_info">
                    <div class="login_phone">手机号
                        <input type="text" id="login_phone" />
                    </div>
                    <div class="login_paw">密码
                        <input type="password" id="login_paw" />
                    </div>
                    <div class="login_jump">还没有账号？点击此处立即<span>注册</span></div>
                    <div class="login_submit">
                        <input type="button" value="提交" id="login_submit" />
                    </div>
                </div>
            </div>
        </div>
        <!-- 注册登陆  邹文欣 结束 -->
    </div>
</body>

<script type="text/javascript" src="js/src/zepto.js" ></script>
<script type="text/javascript" src="js/src/event.js"></script>
<script type="text/javascript" src="js/src/touch.js"></script>
<script type="text/javascript" src="js/src/fx.js"></script>
<script type="text/javascript" src="js/src/fx_methods.js"></script>
<script type="text/javascript" src="js/src/iscroll.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/src/jquery-1.12.4.js"></script>
<script type="text/javascript">
var myScroll = new iScroll("container", {
    useTransitin: true
});
</script>

</html>
